
.protect{
    text-align: center;
    font-size: 1.2rem;
    color: #3D3D3D;
    a{
        text-decoration: underline;
    }
}

.message-container{
    padding: 3rem 0;
    .side{
        width: 100%;
        margin: 0 auto;

        .left-side{
            width: 100%;
        }
        .right-side{
            width: 100%;
            padding: 0 1.5rem;
        }
        .head{
            padding: 0 2.7rem;

            margin-bottom: 4rem;
            .desc{
                font-size: 1.6rem;

            }
        }
        .body{
            .form-main{
                padding: 0 1.5rem;
                .form-group{
                    margin-bottom: 3rem;
                    label{
                        font-size: 1.6rem;
                        margin-bottom: 1rem;
                        display: block;
                    }
                    .form-control{
                        width: 100%;
                        height: 4rem;
                        border: 0.1rem solid #A7A7A7;
                        border-radius: 0.4rem;
                        flex-shrink: 0;
                        padding: 0 1.5rem;
                        background-color: transparent;
                        font-size: 1.4rem;
                        color: #000;
                        option{
                            color: #000;
                        }
                    }
                    .form-textarea{
                        height: 12rem;
                        padding:1.5rem 2rem;
                        font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
                        font-size: 1.4rem;
                    }
                    .form-btn{
                        width: 100%;
                        height: 4.8rem;
                        background: #0078A3;
                        border: none;
                        color: #fff;
                        font-size: 1.6rem;
                        border-radius: 0.4rem;
                    }
                    .activate-btn{
                        background: #0078A3;
                        color: #fff;

                    }

                    .option{
                        align-self: center;
                        display: flex;
                        .checkbox{
                            margin-left: 1.5rem;
                            &:first-child{
                                margin-left: 0;
                            }
                            .checked-label{
                                display: flex;
                                align-items: center;
                                .dress{
                                    width: 1.8rem;
                                    height: 1.8rem;
                                    opacity: 1;
                                    border: 0.1rem solid #D8D8D8;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    border-radius: 50%;
                                    flex-shrink: 0;
                                    &:after{
                                        content: "";
                                        width: 1.2rem;
                                        height: 1.2rem;
                                        border-radius: 50%;
                                        background-color: #D42F1D;
                                        opacity: 0;
                                    }
                                }
                                .text{
                                    margin-left: 0.4rem;
                                }

                            }
                            .form-radio{
                                display: none;
                                &:checked{
                                    +.checked-label{
                                        .dress{
                                            border: 0.1rem solid #D42F1D;
                                            &:after{
                                                opacity: 1;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }


                .appendix{

                    margin-bottom: 48px;
                    label{
                        font-size: 1.6rem;
                        margin-bottom: 1rem;
                        display: block;

                    }
                    .atlas{
                        .seat{
                            .file_hide{
                                display: none;
                            }
                            .seize{
                                width: 12rem;
                                height: 12rem;
                                background-color: #F5F5F5;
                                border-radius: 0.4rem;


                                padding: 0;
                                display: flex;
                                position: relative;
                                justify-content: center;
                                align-items: center;

                                img{
                                    width: 100%;
                                    position: relative;
                                    z-index: 2;
                                    display: none;
                                    max-height: 12rem;
                                }
                                .remove-pic{
                                    position: absolute;
                                    top: -0.6rem;
                                    right: -0.6rem;
                                    background-color: red;
                                    border-radius: 50%;
                                    display: flex;
                                    width: 1.8rem;
                                    height: 1.8rem;
                                    justify-content: center;
                                    align-items: center;
                                    z-index: 3;
                                    opacity: 0;
                                    i{
                                        color: #fff;
                                        font-size: 1.2rem;
                                        font-weight: bold;
                                    }
                                }
                                .add-pic{
                                    position: absolute;
                                    color: #D8D8D8;
                                    font-size: 4rem;
                                    z-index: 1;
                                    opacity: 1;
                                }
                                &.have{
                                    .remove-pic{
                                        opacity: 1;
                                    }
                                    .add-pic{
                                        opacity: 0;
                                    }
                                    img{
                                        display: block;
                                    }
                                }
                            }
                        }
                    }
                }

            }
        }

        .contact{
            margin-top: 6rem;
            padding: 1.6rem 2rem;
            background: #FAFAFA;
            .group{
                line-height: 1.5;
                margin-bottom: 4rem;
                &:last-child{
                    margin-bottom: 0;
                }
                .p1{
                    color: #3D3D3D;
                    font-size: 1.8rem;
                    margin-bottom: 2rem;

                }
                .specific{
                    margin-bottom: 2rem;
                }
                .p2{
                    font-size: 1.4rem;
                    font-weight: bold;
                }
                .p3{
                    font-size: 1.4rem;
                    font-weight: 100;
                }
            }
        }




    }

}
